Add basic flex tokens shape and mapping information#4153
Open
JasonVMo wants to merge 3 commits into
Open
Conversation
mganandraj
approved these changes
Jul 15, 2026
Saadnajmi
reviewed
Jul 16, 2026
| "prefixes": { | ||
| "alias.": "Themed semantic alias token — @fluentui-react-native/design-tokens-windows {light,dark}/tokens-aliases.json (theme.colors.alias.color<Name>).", | ||
| "global.": "Raw global palette token — tokens-global.json, dot-path into the color tree (theme.colors.global.*). Theme-invariant.", | ||
| "shadow.": "Elevation shadow token — tokens-shadow.json (theme.shadows.*)." |
Collaborator
There was a problem hiding this comment.
Specifically with shadow tokens.. new arch has multiple shadows (what fluent needs) as a first class prop in RN while old arch tried to make a component that was quite buggy. I am not sure if RNW ever got support for multiple shadows (@acotes-ms ?) but that would be one nuance I'd like the new types to use
Saadnajmi
reviewed
Jul 16, 2026
| "fluentSource": "@fluentui-react-native/design-tokens-windows@0.56.0", | ||
| "notes": [ | ||
| "global.* references are best-fit matches into the Fluent global palette; expression families map to the matching shared-color ramp step, gray to the grey ramp, alpha/translucent roles to the *Alpha ramps.", | ||
| "colorMaterialBackground* map to whiteAlpha fallbacks — platform acrylic/vibrancy material (WinUI AcrylicBrush / NSVisualEffectView) is preferred where available.", |
Collaborator
There was a problem hiding this comment.
NSVisualEffectVIew or the Liquid Glass View.. which we don't have a native component for and should add if it matters for the token work.
Saadnajmi
reviewed
Jul 16, 2026
| @@ -0,0 +1,371 @@ | |||
| { | |||
| "--gnrc-color-surface-neutral-farther-hover": "hover.colorSurfaceNeutralFarther", | |||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Platforms Impacted
Description of changes
This is work generated from the design repository. It does the following:
It also defines several mapping files, also encapsulating research and mapping work I did in that repository.
Verification
Non-coding change